<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>photo</title>
    <style>
        body {
            background: #212f3d;
            max-width: 1100px;
            margin: auto;
            padding: 6px;
            /*border: 1px solid lightgrey;*/
            color: whitesmoke;
        }

        a {
            color: whitesmoke;
        }

        .collect button {
            border: none;
            background: none;
            cursor: pointer;
            outline: none;
            display: flex;
            align-items: center;
            margin: auto;
        }

        .collected path {
            fill: red;
        }

        img {
            width: 500px;
            margin: auto;
            display: block;
        }

        /*    媒体查询 */
        @media screen and (max-width: 600px) {
            img {
                width: 90%;
            }
        }


    </style>
</head>
<body>
<div th:replace="~{common-page/header.html :: myheader}"></div>


<h1 style="text-align: center;  "> 恭喜 , 购买成功 ~ </h1>




<!--    <div style="text-align: center;  margin-bottom: 15px; ">-->
<!--        <h1 th:text="${title}"></h1>-->
<!--        <h3 th:text="${description}" style="opacity: 0.6;"></h3>-->
<!--        <p> 价格 <span th:text="${price}" style="font-size: larger; font-weight: bolder; color: red;"></span> 元 </p>-->
<!--        <a href="#" style="font-size: larger; font-weight: bolder;" onclick="buy()">获取高清原图</a>-->
<!--    </div>-->
<!--    <div th:each="obj,iterStat:${img_path}">-->
<!--        <img th:src="'/images/Photo/'+${obj}">-->
<!--        <p></p>-->
<!--        &lt;!&ndash;    <p th:text="${obj}" ></p>&ndash;&gt;-->
<!--    </div>-->
<!--    -->




<br><br><br><br><br><br>

<br><br><br><br><br><br>
</body>
<script src="/static/js/common-plugin/custom-modal.js"></script>
<script th:inline="javascript">


    // let usernameByCookie = [[${usernameByCookie}]];
    // console.log(usernameByCookie);
    // let photo_id = [[${id}]];
    // console.log(photo_id);



</script>
</html>